<template>
  <div class="farm-show">
    <div class="farm-show-box">
       <div class="carousel">
        <Carousel autoplay v-model="value2" :autoplay-speed="setting.autoplaySpeed"  loop>
          <CarouselItem>
            <div class="demo-carousel">
                <img src="../assets/images/carousel1.jpg" alt="">
            </div>
          </CarouselItem>
          <CarouselItem>
            <div class="demo-carousel">
                <img src="../assets/images/carousel2.jpg" alt="">
            </div>
          </CarouselItem>
          <CarouselItem>
            <div class="demo-carousel">
                <img src="../assets/images/carousel3.jpg" alt="">
            </div>
          </CarouselItem>
        </Carousel>
       </div>
       <div class="text">
           <p><span>农场养殖地展示</span></p>
           <section>可爱的奶牛—天然的奶源</section>
           <section>
               我们信奉：人是自然之子，用敬畏、感恩和爱对待大自然，
               他们会展现更伟大的爱。因此，在当今这个以速度、数值、规模、
               结果为尊的现代社会，我们另辟蹊径，返璞归真，希望以天然、
               质朴、优雅、安静的方式，帮助人们建立与大自然的联结，放慢步履
               ，舒展心灵，关爱自己，善待他人；恢复健康与活力，打开快乐幸福之门! 
            </section>
       </div>
    </div>
    <div style="width:1200px; margin:40px auto auto auto;">
        <hr>
    </div>

    <div class="farm-show-box">
        <div class="text">
           <p><span>农田展示</span></p>
           <section>可爱的农民伯伯—健康的水果</section>
           <section>
              互联网省域名农场是一个以种植柑橙为主的国有水果农场，
              该场1990年建场，已具有二十多年种植柑橙的历史。2000年11月，
              全场有总人口18157人，土地总面积86000亩，其中可耕地面积41000亩
              。现种植作物有红江橙、荔枝、龙眼、芒果、甘蔗、水稻、蚕桑等。
            </section>
       </div>
       <div class="carousel">
        <Carousel autoplay v-model="value2" :autoplay-speed="setting.autoplaySpeed"  loop>
          <CarouselItem>
            <div class="demo-carousel">
                <img src="../assets/images/tian.jpg" alt="">
            </div>
          </CarouselItem>
          <CarouselItem>
            <div class="demo-carousel">
                <img src="../assets/images/tian2.jpg" alt="">
            </div>
          </CarouselItem>
        </Carousel>
       </div>
    </div>
    <div style="width:1200px; margin:40px auto auto auto;">
        <hr>
    </div>

    <div class="farm-show-box">
       <div class="carousel">
        <Carousel  :autoplay-speed="setting.autoplaySpeed">
          <CarouselItem>
            <div class="demo-carousel">
                <img src="../assets/images/chang.jpg" alt="">
            </div>
          </CarouselItem>
        </Carousel>
       </div>
       <div class="text">
           <p><span>加工站展示</span></p>
           <section>可爱的奶牛—天然的奶源</section>
           <section>
               我们信奉：人是自然之子，用敬畏、感恩和爱对待大自然，
               他们会展现更伟大的爱。因此，在当今这个以速度、数值、规模、
               结果为尊的现代社会，我们另辟蹊径，返璞归真，希望以天然、
               质朴、优雅、安静的方式，帮助人们建立与大自然的联结，放慢步履
               ，舒展心灵，关爱自己，善待他人；恢复健康与活力，打开快乐幸福之门! 
            </section>
       </div>
    </div>
    <div style="width:1200px; margin:40px auto 80px auto;">
    </div>
</div>
</template>
<script>
export default {
  data() {
    return {
      value2: 0,
      setting: {
        autoplaySpeed: 3000
      }
    };
  }
};
</script>

<style scoped>
hr {
  color: #ffffff;
}
.farm-show {
  margin-top: 70px;
}
.farm-show-box {
  width: 1200px;
  margin: 40px auto 0 auto;
  display: flex;
  justify-content: space-between;
}
.carousel {
  width: 590px;
  overflow: hidden;
}
.carousel img {
  width: 590px;
  height: 350px;
}
.farm-show-box .text {
  width: 575px;
  margin-top: 50px;
}
.farm-show-box .text p {
  font-size: 22px;
  color: black;
}
.farm-show-box .text section:nth-of-type(1) {
  font-size: 14px;
  color: black;
  margin: 20px 0;
}
.farm-show-box .text section:nth-of-type(2) {
  font-size: 14px;
  color: gray;
}
</style>

